<template>
	<div id="app">
		<!-- 顶部导航  -->
		<header-nav></header-nav>
		<!-- 路由视图 -->
		<div class="container">
			<router-view />
		</div>
		<!-- 底部导航	 -->
		<footer-nav></footer-nav>
	</div>
</template>
<script>
//1导入
import FooterNav from '@/components/FooterNav.vue';
import HeaderNav from '@/components/HeaderNav.vue';
export default {
	components: {
		//2注册
		FooterNav,
		HeaderNav
	}
};
</script>
<style>
#app {	
}
.container {
	margin-top: 46px;
	margin-bottom: 60px;
}
</style>
